<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-4" />
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>interreact.html</title>


 <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"></script>
 <script language="javascript" type="text/javascript" src="/index/files/inter.js"></script>
<style type="text/css">
body
{
   background-color: #FFFFFF;
   color: #000000;
}
</style>
<style type="text/css">
a:active
{
   color: #0000FF;
}
</style>
</head>
<body onload="focus();">

<textarea id="msg_box" style="position:absolute;left:12px;top:18px;width:685px;height:164px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:10" rows="9" cols="81" readonly="readonly"></textarea>
<div id="wb_Form1" style="position:absolute;background-color:#F7F9FC;left:7px;top:200px;width:695px;height:34px;z-index:11">

<form name="msgform" method="post" action="" onsubmit="send_form();return false;" id="say">
<input type="submit" id="msg_submit" name="submit" value="Say" style="position:absolute;left:661px;top:9px;width:0px;height:0px;z-index:-1">
<input type="text" id="msg_input" style="position:absolute;left:5px;top:6px;width:689px;height:18px;border:1px #C0C0C0 solid;font-family:Courier New;font-size:13px;z-index:0" name="msg_content" autocomplete="off" value="" autofocus="autofocus">
</form>

</div>
<div id="wb_Form2" style="position:absolute;background-color:#F7F9FC;left:10px;top:230px;width:696px;height:200px;z-index:13">
<form name="Form2" method="post" action="/index/interreact/exchange/" id="Form2">
<div style="position:absolute;left:3px;top:10px;width:165px;height:181px;border:1px #C0C0C0 solid;z-index:2">
<select id="inventory" name="inventory" multiple size="11"  {% if s1 %}disabled="disabled"{% endif %} style="position:absolute;left:0px;top:0px;width:100%;height:100%;border-width:0px;font-family:Courier New;font-size:13px;">
{%for item in inventory%}
<option value="{{item.id}}">{{item.name}}</option>
{%endfor%}
</select>
</div>
<input type="submit" id="benjamin" name="benjamin" value="{% if s1 %}Break{% else %}Ready{% endif %}" style="position:absolute;left:450px;top:20px;width:70px;height:25px;font-family:Arial;font-size:13px;z-index:3">
<input type="submit" id="benjamin" name="benjamin" value="Confirm" style="position:absolute;left:450px;top:45px;width:70px;height:25px;font-family:Arial;font-size:13px;z-index:3">
<input type="submit" id="benjamin" name="benjamin" value="Give" {% if s1 %}disabled="disabled"{% endif %} style="position:absolute;left:182px;top:20px;width:72px;height:25px;font-family:Arial;font-size:13px;z-index:4">
<input type="submit" id="benjamin" name="benjamin" value="Take" {% if s1 %}disabled="disabled"{% endif %} style="position:absolute;left:182px;top:50px;width:72px;height:25px;font-family:Arial;font-size:13px;z-index:5">

<div style="position:absolute;left:540px;top:10px;width:149px;height:181px;border:1px #C0C0C0 solid;z-index:6">
<select {% ifequal p 1%} name="box2" id="box2" {% else %} name="box1" id="box1" {% endifequal %} disabled="disabled" multiple size="11" style="position:absolute;	left:0px;top:0px;width:100%;height:100%;border-width:0px;font-family:Courier New;font-size:13px;">
{% ifequal p 1%}
{%for item2 in box2%}
<option value="{{item.id}}">{{item.name}}</option>
{%endfor%}
{% else %}
{%for item in box1%}
<option value="{{item.id}}">{{item.name}}</option>
{%endfor%}
{% endifequal %}
</select>
</div>

<div style="position:absolute;left:270px;top:10px;width:158px;height:181px;border:1px #C0C0C0 solid;z-index:9">
<select {% ifequal p 1%} name="mybox" id="box1" {% else %} name="mybox" id="box2" {% endifequal %}  {% if s1 %}disabled="disabled"{% endif %} multiple size="11"  style="position:absolute;	left:0px;top:0px;width:100%;height:100%;border-width:0px;font-family:Courier New;font-size:13px;">
{% ifequal p 1%}
{%for item in box1%}
<option value="{{item.id}}">{{item.name}}</option>
{%endfor%}
{% else %}
{%for item in box2%}
<option value="{{item.id}}">{{item.name}}</option>
{%endfor%}
{% endifequal %}
</select>
</div>
<div id="status" name="status" style="margin:0;padding:0;position:absolute;left:440px;top:75px;width:110px;height:14px;text-align:left;z-index:7;">
</div>
</form>
</div>
</body>
</html>